<div th:fragment="center">
<div id="page-wrapper">
    <div class="header">
        <h1 class="page-header">
            gedebug <small>欢迎您</small>
        </h1>
        <ol class="breadcrumb">
            <li class="active">控制台</li>
        </ol>

    </div>
    <div id="page-inner">
        <!-- /. ROW  -->
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        错误时间分布图
                    </div>
                    <div class="panel-body">
                        <!--内容开始-->
                        <div id="container" style="min-width:400px;height:400px"></div>
                        <!--内容结束-->
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        查询条件
                    </div>
                    <div class="panel-body">

                        <div class="row">
                            <div class="col-lg-3">
                                <form role="form">
                                    <div class="form-group">
                                        <label>项目名称</label>
                                        <select id="search-projectId" class="form-control" >
                                            <th:block th:each="p,index:${projectList}">
                                                <option th:value="${p.id}"><span th:text="${p.projectName}"></span></option>
                                            </th:block>
                                        </select>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <!-- Advanced Tables -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <span id="t-projectName"></span>错误列表
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover" id="datatables-project-error-list">
                                <thead>
                                <tr>
                                    <th>错误名称</th>
                                    <th>错误状态</th>
                                    <th>页面url</th>
                                    <!--<th>发生次数</th>-->
                                    <!--<th>影响用户数</th>-->
                                    <th>发生时间</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
                <!--End Advanced Tables -->
            </div>
        </div>




        <!--弹框开始-->
        <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">错误详情</h4>
                    </div>
                    <div class="modal-body">
                        <!--内容开始-->

                        <!--概要信息开始-->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        概要信息
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <!--左边开始-->
                                            <div class="col-lg-6">
                                                <form role="form">
                                                    <div class="form-group">
                                                        <label>时间</label>
                                                        <p class="form-control-static" id="show-createTime"></p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>类型</label>
                                                        <p class="form-control-static" id="show-debugType"></p>
                                                    </div>
                                                </form>
                                            </div>
                                            <!--左边结束-->
                                            <!--右边开始-->
                                            <div class="col-lg-6">
                                                <form role="form">
                                                    <div class="form-group">
                                                        <label>title</label>
                                                        <p class="form-control-static" id="show-pageTitle"></p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>URL</label>
                                                        <p class="form-control-static" id="show-pageUrl" style="word-wrap:break-word;"></p>
                                                    </div>
                                                </form>
                                            </div>
                                            <!--右边结束-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--概要信息结束-->

                        <!--错误信息开始-->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        错误信息
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <!--左边开始-->
                                            <div class="col-lg-6">
                                                <form role="form">
                                                    <div class="form-group">
                                                        <label>名称</label>
                                                        <p class="form-control-static" id="show-debugName"></p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>信息</label>
                                                        <p class="form-control-static" id="show-browserMessage"></p>
                                                    </div>
                                                </form>
                                            </div>
                                            <!--左边结束-->
                                            <!--右边开始-->
                                            <div class="col-lg-6">
                                                <form role="form">
                                                    <div class="form-group">
                                                        <label>行号</label>
                                                        <p class="form-control-static" id="show-lineNum"></p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>列号</label>
                                                        <p class="form-control-static" id="show-rowNum"></p>
                                                    </div>
                                                </form>
                                            </div>
                                            <!--右边结束-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--错误信息结束-->

                        <!--设备信息开始-->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        设备信息
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <!--左边开始-->
                                            <div class="col-lg-6">
                                                <form role="form">
                                                    <div class="form-group">
                                                        <label>浏览器</label>
                                                        <p class="form-control-static" id="show-browserName"></p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>JS引擎</label>
                                                        <p class="form-control-static" id="show-jsEngine"></p>
                                                    </div>
                                                </form>
                                            </div>
                                            <!--左边结束-->
                                            <!--右边开始-->
                                            <div class="col-lg-6">
                                                <form role="form">
                                                    <div class="form-group">
                                                        <label>操作系统</label>
                                                        <p class="form-control-static" id="show-systemName"></p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>设备</label>
                                                        <p class="form-control-static" id="show-brandName"></p>
                                                    </div>
                                                </form>
                                            </div>
                                            <!--右边结束-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--设备信息结束-->

                        <!--位置信息开始-->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        位置信息
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <!--左边开始-->
                                            <div class="col-lg-6">
                                                <form role="form">
                                                    <div class="form-group">
                                                        <label>IP</label>
                                                        <p class="form-control-static" id="show-ip"></p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>地点</label>
                                                        <p class="form-control-static" id="show-address"></p>
                                                    </div>
                                                </form>
                                            </div>
                                            <!--左边结束-->
                                            <!--右边开始-->
                                            <div class="col-lg-6">
                                                <form role="form">
                                                    <div class="form-group">
                                                        <label>运营商</label>
                                                        <p class="form-control-static" id="show-operator"></p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>网络</label>
                                                        <p class="form-control-static" id="show-nettype">WIFI</p>
                                                    </div>
                                                </form>
                                            </div>
                                            <!--右边结束-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--位置信息结束-->

                        <!--其他信息开始-->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        其他信息
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <!--左边开始-->
                                            <div class="col-lg-6">
                                                <form role="form">
                                                    <div class="form-group">
                                                        <label>插件版本</label>
                                                        <p class="form-control-static" id="show-jsPluginVersions"></p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>pc/mobile</label>
                                                        <p class="form-control-static" id="show-pcormobile"></p>
                                                    </div>
                                                </form>
                                            </div>
                                            <!--左边结束-->
                                            <!--右边开始-->
                                            <div class="col-lg-6">
                                                <form role="form">
                                                    <div class="form-group">
                                                        <label>userAgent</label>
                                                        <p class="form-control-static" id="show-userAgent" style="word-wrap:break-word;"></p>
                                                    </div>
                                                </form>
                                            </div>
                                            <!--右边结束-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--其他信息结束-->


                        <!--内容结束-->
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
        <!--弹框结束-->



        <!-- /. ROW  -->
        <div th:include="system/common/common_footer :: footer"></div>


    </div>
    <!-- /. PAGE INNER  -->
</div>
</div>
<!-- /. PAGE WRAPPER  -->